.ranking {
    width: 100%;
    box-sizing: border-box;
    padding: 20px 8vw;
}

.ranking_book {
    display: flex;
    flex-wrap: nowrap;
    border-radius: 10px;
    background: white;
    margin: 40px 0;
    overflow-x: hidden;

    &_index {
        width: 80px;
        flex-shrink: 0;
        display: grid;
        place-content: center;
        font-weight: bold;
        font-size: 35px;
    }

    &_image {
        width: 120px;
        aspect-ratio: 2/3;
        display: grid;
        flex-shrink: 0;
        place-content: center;
    }

    &_context {
        user-select: none;
        box-sizing: border-box;
        height: 100%;
        padding: 0 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        transition: .5s;
        >h3:hover{
            color: #484848;
        }
        > *{
            margin: 5px 0;
        }
        > p {
            user-select: text;
            text-indent: 1rem;
            font-size: 12px;
            color: #8d8d8d;
        }
    }
}
